<template>
  <div class="w-full h-96">
    <ul>
      <li v-for="item in data" class="flex justify-between text-left border-b-2 leading-10">
        <span class="w-1/6 border-x-2 text-center">{{ item.label }}</span>
        <span class="w-5/6 border-r-2 text-left px-6">{{ item.content }}</span>
      </li>
    </ul>
  </div>
</template>

<script setup lang="ts">
import { ref, defineProps, reactive } from "vue";

// 定义数据
const data = ref<Array>([
  { label: "日期", content: "2024-05-01" },
  { label: "患者姓名", content: "刘德华" },
  { label: "年龄", content: 24 },
  { label: "性别", content: "男" },
  { label: "诊疗记录", content: "可能是由细菌或病毒引起的，通常表现为咳嗽、喉咙痛、流感样症状等。根据患者身体表现，建议入院治疗。不适随诊。" },
  { label: "治疗方案", content: "1. 给予抗生素治疗，青霉素类药物每6小时口服一次，连续服用7天。2. 建议患者休息，多饮水，避免劳累，注意保暖。3. 如有发热、头痛等不适症状加重，及时就医。" },
  { label: "检查结果", content: "1. 血常规：白细胞计数略高，提示可能存在感染。2. 胸部X光片：显示肺部轻度炎症。" },
  { label: "用药情况", content: "1. 青霉素片，每次500mg，每日3次，口服。2. 对乙酰氨基酚，每次500mg，每日2次，口服，退热。3. 呼吸道舒缓剂，每次2喷，每日3次，口咽喉部喷雾。" },
  { label: "复诊建议", content: "患者需在治疗结束后1周内复诊，观察症状变化，确保康复情况。" },
  { label: "饮食建议", content: "1. 饮食宜清淡易消化，以软食为主。2. 多饮温水，避免辛辣刺激食物。3. 避免生冷食物，以免刺激呼吸道。" },
  { label: "注意事项", content: "1. 避免疲劳，保持充足睡眠。2. 注意保暖，避免受凉。3. 避免接触病毒患者，加强个人卫生。" },
  { label: "主治医生", content: "张学友" }
]);
</script>

<style scoped lang="scss"></style>
